<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>

	<head>
		<title>服务分配</title>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<link href="../../css/style.css" rel="stylesheet" type="text/css">
		<link href="../../css/layui.css" rel="stylesheet" type="text/css">
		<script type="text/javascript" src="../../../js/vue.min.js"></script>
		<script src="../../../js/layui/layui.js"></script>
		<script src="../../script/common.js"></script>
	</head>

	<body>
		<div class="page_title">客户服务管理 > 服务分配</div>
		<div class="button_bar">
			<button class="layui-btn layui-btn-normal" onclick="help('');">帮助</button>
			<button class="layui-btn layui-btn-normal" onclick="reload();">查询</button>
		</div>
		<div id="app" class="layui-form">
			<table class="query_form_table" height="53">
				<tr>
					<th height="28">客户</th>
					<td>
						<!--<div class="layui-input-inline" style="width: 150px;">
							<select name="interest" lay-filter="diqu">
								<option value="0">请选择...</option>
								<option value="1">咨询</option>
								<option value="2">投诉</option>
								<option value="3">建议</option>
							</select>
						</div>-->
						<input type="text" class="layui-input">
					</td>
					<th height="28">概要</th>
					<td>
						<!--<div class="layui-input-inline" style="width: 150px;">
							<select name="interest" lay-filter="diqu">
								<option value="0">请选择...</option>
								<option value="1">咨询</option>
								<option value="2">投诉</option>
								<option value="3">建议</option>
							</select>
						</div>-->
						<input type="text" class="layui-input">
					</td>
					<th height="28">服务类型</th>
					<td>
						<div class="layui-input-inline" style="width: 150px;">
							<select name="interest" lay-filter="diqu">
								<option value="0">请选择...</option>
								<option value="1">咨询</option>
								<option value="2">投诉</option>
								<option value="3">建议</option>
							</select>
						</div>
					</td>
				</tr>
				<tr>
					<th height="22">创建日期</th>
					<td colspan="3">
						<div class="layui-input-inline" style="width: 150px;">
							<input type="text" name="date" id="date" lay-verify="date" placeholder="yyyy-mm-dd" autocomplete="off" class="layui-input" onclick="layui.laydate({elem: this})">
						</div>
						<div class="layui-input-inline">
							<label>--</label>
						</div>
						<div class="layui-input-inline" style="width: 150px;">
							<input type="text" name="date" id="date" lay-verify="date" placeholder="yyyy-mm-dd" autocomplete="off" class="layui-input" onclick="layui.laydate({elem: this})">
						</div>
						<!--<input name="T2" size="10" /> - <input name="T1" size="10" />-->
					</td>
					<th height="22">状态</th>
					<td>
						<div class="layui-input-inline" style="width: 150px;">
							<select name="interest" lay-filter="diqu">
								<option value="0">请选择...</option>
								<option value="1">新创建</option>
								<option value="2">已分配</option>
								<option value="3">未分配</option>
							</select>
						</div>
					</td>
				</tr>
			</table>
			<br />
			<table class="layui-table">
				<tr>
					<th>编号</th>
					<th>客户</th>
					<th>概要</th>
					<th>服务类型</th>
					<th>创建人</th>
					<th>创建日期</th>
					<th>分配给</th>
					<th>操作</th>
				</tr>
				<tr>
					<td class="list_data_number">456</td>
					<td class="list_data_text">太阳药业</td>
					<td class="list_data_ltext">询问收音机订单运费承担方式</td>
					<td class="list_data_text">咨询</td>
					<td class="list_data_text">小明</td>
					<td class="list_data_text">2007年12月02日</td>
					<td class="list_data_text">
						<div class="layui-input-inline" style="width: 100px;">
							<select name="interest" lay-filter="diqu">
								<option value="0">请选择...</option>
								<option value="1">小明</option>
								<option value="2">旺财</option>
								<option value="3">球球</option>
								<option value="4">孙小美</option>
								<option value="5">周洁轮</option>
							</select>
						</div>
						<button class="layui-btn layui-btn-primary" onclick="reload();"><img title="分配" src="../../images/分配订单1.png"/>分配</button>
						<!--<button class="layui-btn layui-btn-primary" onclick="reload();">分配</button>-->
					</td>
					<td class="list_data_op">
						<button class="layui-btn layui-btn-normal" onclick="del()"><img title="删除" src="../../images/删 除.png"/>删除</button>
						<!--<img onclick="del('“客户：聪海信息科技有限公司”');" title="删除" src="../../images/bt_del.gif" class="op_button" />-->
					</td>
				</tr>
				<tr>
					<td class="list_data_number">455</td>
					<td class="list_data_text">太阳药业</td>
					<td class="list_data_ltext">询问收音机价格</td>
					<td class="list_data_text">咨询</td>
					<td class="list_data_text">小明</td>
					<td class="list_data_text">2007年12月02日</td>
					<td class="list_data_text">
						<div class="layui-input-inline" style="width: 100px;">
							<select name="interest" lay-filter="diqu">
								<option value="0">请选择...</option>
								<option value="1">小明</option>
								<option value="2">旺财</option>
								<option value="3">球球</option>
								<option value="4">孙小美</option>
								<option value="5">周洁轮</option>
							</select>
						</div>
						<button class="layui-btn layui-btn-primary" onclick="reload();"><img title="分配" src="../../images/分配订单1.png"/>分配</button>
					</td>
					<td class="list_data_op">
						<button class="layui-btn layui-btn-normal" onclick="del()"><img title="删除" src="../../images/删 除.png"/>删除</button>
					</td>
				</tr>
				<tr>
					<td class="list_data_number">454</td>
					<td class="list_data_text">云南天河烟草公司</td>
					<td class="list_data_ltext">询问收音机价格</td>
					<td class="list_data_text">咨询</td>
					<td class="list_data_text">小明</td>
					<td class="list_data_text">2007年12月02日</td>
					<td class="list_data_text">
						<div class="layui-input-inline" style="width: 100px;">
							<select name="interest" lay-filter="diqu">
								<option value="0">请选择...</option>
								<option value="1">小明</option>
								<option value="2">旺财</option>
								<option value="3">球球</option>
								<option value="4">孙小美</option>
								<option value="5">周洁轮</option>
							</select>
						</div>
						<button class="layui-btn layui-btn-primary" onclick="reload();"><img title="分配" src="../../images/分配订单1.png"/>分配</button>
					</td>
					<td class="list_data_op">
						<button class="layui-btn layui-btn-normal" onclick="del()"><img title="删除" src="../../images/删 除.png"/>删除</button>
					</td>
				</tr>
				<tr>
					<td class="list_data_number">453</td>
					<td class="list_data_text">云南天河烟草公司</td>
					<td class="list_data_ltext">询问收音机价格</td>
					<td class="list_data_text">建议</td>
					<td class="list_data_text">小明</td>
					<td class="list_data_text">2007年12月02日</td>

					<td class="list_data_text">
						<div class="layui-input-inline" style="width: 100px;">
							<select name="interest" lay-filter="diqu">
								<option value="0">请选择...</option>
								<option value="1">小明</option>
								<option value="2">旺财</option>
								<option value="3">球球</option>
								<option value="4">孙小美</option>
								<option value="5">周洁轮</option>
							</select>
						</div>
						<button class="layui-btn layui-btn-primary" onclick="reload();"><img title="分配" src="../../images/分配订单1.png"/>分配</button>
					</td>
					<td class="list_data_op">
						<button class="layui-btn layui-btn-normal" onclick="del()"><img title="删除" src="../../images/删 除.png"/>删除</button>
					</td>
				</tr>
				<tr>
					<td class="list_data_number">452</td>
					<td class="list_data_text">云南天河烟草公司</td>
					<td class="list_data_ltext">询问收音机价格</td>
					<td class="list_data_text">咨询</td>
					<td class="list_data_text">小明</td>
					<td class="list_data_text">2007年12月02日</td>
					<td class="list_data_text">
						<div class="layui-input-inline" style="width: 100px;">
							<select name="interest" lay-filter="diqu">
								<option value="0">请选择...</option>
								<option value="1">小明</option>
								<option value="2">旺财</option>
								<option value="3">球球</option>
								<option value="4">孙小美</option>
								<option value="5">周洁轮</option>
							</select>
						</div>
						<button class="layui-btn layui-btn-primary" onclick="reload();"><img title="分配" src="../../images/分配订单1.png"/>分配</button>
					</td>
					<td class="list_data_op">
						<button class="layui-btn layui-btn-normal" onclick="del()"><img title="删除" src="../../images/删 除.png"/>删除</button>
					</td>
				</tr>
				<tr>
					<td class="list_data_number">451</td>
					<td class="list_data_text">云南天河烟草公司</td>
					<td class="list_data_ltext">询问收音机价格</td>
					<td class="list_data_text">投诉</td>
					<td class="list_data_text">小明</td>
					<td class="list_data_text">2007年12月02日</td>
					<td class="list_data_text">
						<div class="layui-input-inline" style="width: 100px;">
							<select name="interest" lay-filter="diqu">
								<option value="0">请选择...</option>
								<option value="1">小明</option>
								<option value="2">旺财</option>
								<option value="3">球球</option>
								<option value="4">孙小美</option>
								<option value="5">周洁轮</option>
							</select>
						</div>
						<button class="layui-btn layui-btn-primary" onclick="reload();"><img title="分配" src="../../images/分配订单1.png"/>分配</button>
					</td>
					<td class="list_data_op">
						<button class="layui-btn layui-btn-normal" onclick="del()"><img title="删除" src="../../images/删 除.png"/>删除</button>
					</td>
				</tr>
				<tr>
					<td class="list_data_number" height="35">439</td>
					<td class="list_data_text" height="35">云南天河烟草公司</td>
					<td class="list_data_ltext" height="35">询问收音机价格</td>
					<td class="list_data_text" height="35">咨询</td>
					<td class="list_data_text" height="35">小明</td>
					<td class="list_data_text" height="35">2007年12月02日</td>
					<td class="list_data_text" height="35">
						<div class="layui-input-inline" style="width: 100px;">
							<select name="interest" lay-filter="diqu">
								<option value="0">请选择...</option>
								<option value="1">小明</option>
								<option value="2">旺财</option>
								<option value="3">球球</option>
								<option value="4">孙小美</option>
								<option value="5">周洁轮</option>
							</select>
						</div>
						<button class="layui-btn layui-btn-primary" onclick="reload();"><img title="分配" src="../../images/分配订单1.png"/>分配</button>
					</td>
					<td class="list_data_op">
						<button class="layui-btn layui-btn-normal" onclick="del()"><img title="删除" src="../../images/删 除.png"/>删除</button>
					</td>
				</tr>

			</table>
			<div class="change_page" style="float: right; margin-right: 20px;">
				<table lay-skin="nob">
					<tr>
						<td><button class="layui-btn layui-btn-primary" v-on:click="querypage('1')">首页</button></td>
						<td><button class="layui-btn layui-btn-primary" v-on:click="querypage('-')">上一页</button>&nbsp;&nbsp;</td>
						<td>
							<input type="text" required lay-verify="required" class="layui-input" style="width: 30px;" v-model="pages">
						</td>
						<td>
							<label>/{{sumpages}}</label>
							<button class="layui-btn layui-btn-primary" v-on:click="querypage('0')">跳转</button>
						</td>
						<td><button class="layui-btn layui-btn-primary" v-on:click="querypage('+')">下一页</button></td>
						<td><button class="layui-btn layui-btn-primary" v-on:click="querypage('2')">末页</button></td>
					</tr>
				</table>
			</div>
		</div>
	</body>
	<script>
		layui.use(['form', 'laydate'], function() {
			var form = layui.form;
			var laydate = layui.laydate;
		});
	</script>

</html>
<script>
	function changes(str) {
		parent.document.getElementById("mywork").src = str;
	}
	new Vue({
		el: "#app",
		data: {
			pages: 1,
			sumpages: 25
		},
		methods: {
			querypage: function(str) {
				var pages = this.pages;
				switch(str) {
					case '+':
						if(eval(pages + "+" + 1) <= this.sumpages) {
							this.pages = eval(pages + "+" + 1);
						}
						break;
					case '-':
						if(eval(pages + "-" + 1) >= 1) {
							this.pages = eval(pages + "-" + 1);
						}
						break;
					case '0':
						break;
					case '1':
						this.pages = 1;
						break;
					case '2':
						this.pages = this.sumpages;
						break;
					default:
						break;
				}
			}
		}
	})
</script>